@import 'common.css';

input.nexus-search-input::placeholder {
    color: black !important;
}

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

.common-section p a {
	color: rgba(var(--main-color), 1);
}

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

/* Default: container */
.nexus-container {
  width: 100%;
  max-width: 1140px; 
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* For 768px and 1200px: full width (container-fluid style) */
@media (min-width: 768px) and (max-width: 768px),
       (min-width: 1200px) and (max-width: 1200px) {
  .nexus-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}




/* TopHead start */

.TopHeader {
	padding: 0;
	border-bottom: 0px solid rgba(var(--white-color), 0.5);
	color: rgba(var(--white-color), 1);
	background: #ffffff;
}

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

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

@media (min-width: 768px) and (max-width: 992px) {
	.SocialHeadclock-list {
		flex-direction: column;
		align-items: flex-start; /* Optional: to align children to the start */
		gap:10px
	}
	.SocialHeadclock-list .pipe-line{
		display: none;
	}
}

.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: 0px;
	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: 25px;
	font-size: 18px;
}
#v-pills-tab12 {
    white-space: normal;   /* allows wrapping */
    word-wrap: break-word; /* optional: breaks long words if needed */
}
#v-pills-tab14 {
    white-space: normal;
    word-wrap: break-word;
}

.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 {
	/* min-height: 205px; */
	padding: 10px 13px;
	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); */
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute;
		left: 5%;
	}
}

li.nav-item.dropdown.subli.first_sbmenu_li {
	position: unset !important;
	cursor: pointer;
}

.dropdown-menu ul li:hover>.dropdown-menu.dropdown-submenu {
	position: absolute;
	top: 0px !important;
}

.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;
	justify-content: space-between;
}

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

.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .subdropsec .nav-link,
.dropdown-menu .nav-item .nav-link {
	padding: 4px 20px !important;
	margin-right: 0 !important;
}

.subdropsec i {
	font-size: 13px;
	cursor: pointer;
	padding-right: 20px;
}

.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;
}
@media (min-width: 1300px) {
	.video {
		width: 100%;
	}
}

.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: 356px;
}

 @media (min-width:768px) and (max-width:992px){
	.leftimgsec {
	
	height: 410px;
}
 }
 @media (min-width:992px) and (max-width:1200px){
	.leftimgsec {
	
	height: 555px;
}
 }

.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;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.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;
}

.applicationimgsec {
	position: unset;
}

.appliimgsec {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	width: calc(100% - 55%);
	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 .form-control {
	border: 1px solid #ddd;
	padding: 0.75rem;
	/* 	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); */
	box-shadow: none;
}

.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) !important;
	padding: 0.75rem 2rem !important;
	color: white !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 16px !important;
	font-family: var(--Poppins-font) !important;

}

.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;
	outline-offset: 0px;
	outline: 0px dotted currentColor;
}

.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; */
	height: 100%;
	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;
}

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

.copy-text p {
	text-align: center;
	color: rgba(var(--white-color), 1);
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: normal;
}

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

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

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

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

.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-InnBox {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 15px;
	color: rgba(var(--white-color), 1);
	font-size: 28px;
	line-height: 28px;
}

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

.banner-box p {
	color: rgba(var(--white-color), 1);
	text-transform: capitalize;
	text-align: left;
	font-weight: 400;
	line-height: 1;
	font-size: 20px;
	margin-bottom: 0px;
}

.banner-box h1 span {
	font-size: 30px;
	display: inline;
	margin-left: 8px;
	text-transform: uppercase;
}
.no-banner-title .page-title {
    font-size: 50px;
    margin-top: 3rem;
    font-weight: 500;
}

/* 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;
}

.centersubmit {
	width: 100%;
}

.centerpara {
	text-align: center;
	margin-bottom: 30px !important;
}

.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: 17.99px;
	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;
	color: #000;
	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: auto;
	width: 510px;
}

.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: 100%;
}

.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; */
	margin-top: 2rem;

}

.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);
}

.cat-title {
	color: rgba(var(--main-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: 100%;
	object-fit: cover;
	position: relative;
}

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

.box span {
	display: inline-block;
	width: 70%;
	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;
}
.sheetaccodion .accordion-button:hover {
    color: rgba(var(--main-color), 1);  /* Hover text color */
}

/* ****************************** 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: 70vh; */
		overflow: hidden;
	}

	.video-container {
		/* height: 70vh; */
	}

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

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

	.appliimgsec {
		width: calc(100% - 56.5%);
	}

	.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%); */
		/* background: #ed1b31; */
	}

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

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

	.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;
	}
}
	section.bloginnerpagemainsec.blogmainpage-section.prosection .row {
		flex-direction: row-reverse;
	}

@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;
	}

	.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%); */
		background: #ffffff;
	}

	.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;
	}

	.blog-ListImg {
		height: auto;
	}
}

@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;
	}

	.DesktopNav .navbar-brand {
		margin-right: 0;
		/* margin-top: -40px; */
		margin-left: 0;
	}

	/* .head-rightMain {
		padding-right: 10px;
	} */

	.MainHeader {
		overflow: hidden;
	}

	.navbar>.container {
		justify-content: center !important;
	}
}

@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%, rgb(255, 255, 255) 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;
        flex-direction:column;
		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: 300px;
	}

	.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: 60px;
	}

	.foot-logo img {
		height: 60px;
		object-fit: contain;
	}

	.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;
	}
}

/* new css add 30.12.2024 */
.wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0 0 0 0;
}

form.wpcf7-form p {
	margin-bottom: 0;
}

.wpcf7-list-item {
	margin: 0 !important;
}

.form-check {
	padding-left: 0 !important;
}

.form-check input[type="radio"] {
	border-radius: 0%;
	width: 1em;
	height: 1em;
	margin-top: 0em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
}

span.wpcf7-list-item-label {
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	input[type=radio]:focus {
		outline-offset: 0 !important;
		outline: none !important;
	}
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	input[type=radio]:after {
		background: rgba(var(--white-color), 1) !important;
		position: relative;
		width: 10px;
		height: 10px;
		left: auto;
		top: auto;
		border-radius: 50%;
		display: flex;
		align-items: center;
	}
}

input.wpcf7-form-control.wpcf7-quiz.form-control {
	width: 200px;
}

span.wpcf7-spinner {
	display: none;
}

input[type=submit]:focus {
	outline-offset: 0px !important;
	outline: 0px dotted currentColor !important;
}

span.wpcf7-form-control-wrap label {
	margin-bottom: 0 !important;
}

section.common-section.questions-sec.contactform .text-end {
	width: 100%;
}

section.common-section.questions-sec.contactform .text-end input {
	width: 100%;
}

.topbread .breadcrumb-item::before {
	color: #fff;
}


.ctct-submit {
	border-radius: 0px;
	background-color: rgba(var(--main-color), 1);
	border: 1px solid rgba(var(--main-color), 1) !important;
	padding: 0.75rem 2rem !important;
	color: white !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 16px !important;
	width: 100%;

}

.ctct-submit:hover,
.ctct-submit:active {
	background-color: transparent;
	border: 1px solid rgba(var(--main-color), 1) !important;
	color: rgba(var(--main-color), 1) !important;
	outline-offset: 0px;
	outline: 0px dotted currentColor;
}

.newslettersec .ctct-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: var(--Poppins-font);
	transition: var(--transition-05s);
	width: 100%;
}

.ctct-email {
	border: 1px solid #ddd !important;
	padding: 0.75rem !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	width: 100%;
	transition: var(--transition-05s);

}

.ctct-text {
	border: 1px solid #ddd !important;
	padding: 0.75rem;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	width: 100%;
	transition: var(--transition-05s);

}

.ctct-text:hover,
.ctct-text:focus,
.ctct-email:hover,
.ctct-email:focus {
	position: relative;
	background: rgba(var(--white-color), 1);
	color: rgba(var(--black-color), 0.8);
	border: 1px solid rgba(var(--main-color), 1) !important;
	border-radius: 0px;
	transition: var(--transition-05s);
}

.bloglist:last-child {
	border-bottom: 0px solid #e6e6e6;
}


ul.wp-block-list {
	list-style: disc;
	padding-left: 2rem;
}

ul.wp-block-list li {
	font-size: 17.99px;
	color: #212529;
	font-weight: 400;
	margin-bottom: 1rem;
	line-height: 30px;
}

.blogdtailssec ul.wp-block-list {
	list-style: none;
	padding-left: 0;
	display: revert;
	margin: 0px !important;
}
.blogdtailssec ul.wp-block-list li{
	padding-left: 0px;
}
.blogdtailssec ul.wp-block-list li::before {
    content: '';
    position: unset;
    inset: 0px;
    display: inline-block;
    width: var(--ehw-cul);
    height: var(--ehw-cul);
    border-radius: 50%;
    background: rgb(0 0 0);
    --ehw-cul: 7px;
    margin-top: 11px;
    margin-right: 10px;
	margin-bottom: 3px;
}
 .wp-block-list li figure img.alignleft {
    float: left;
    margin-right: 1em;
    margin-bottom: 0.5em;
}

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

/* new css add 02/01/2025 */
.cky-btn.cky-btn-customize,
.cky-btn.cky-btn-reject,
button.cky-btn.cky-btn-preferences {
	color: #ed1b31 !important;
	background-color: transparent;
	border-color: #ed1b31 !important;
}

button.cky-show-desc-btn {
	color: #ed1b31 !important;
}

button.cky-btn.cky-btn-accept {
	color: #FFFFFF;
	background-color: #ed1b31 !important;
	border-color: #ed1b31 !important;
}

.cky-preference {
	scrollbar-width: none;
}

details.wp-block-details.has-normal-font-size.is-layout-flow.wp-block-details-is-layout-flow summary {
	outline: none;
	list-style: none;
	font-weight: 400;
	text-transform: capitalize;
	color: rgba(var(--main-color), 1);
	margin-bottom: 0.4rem;
	transition: var(--transition-05s);
}

details.wp-block-details.has-normal-font-size.is-layout-flow.wp-block-details-is-layout-flow summary:hover {
	transition: var(--transition-05s);
	text-decoration: underline;
}

details.wp-block-details.has-normal-font-size.is-layout-flow.wp-block-details-is-layout-flow p {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	padding-left: 10px;
}

details.wp-block-details.has-normal-font-size.is-layout-flow.wp-block-details-is-layout-flow a {
	font-weight: 400;
	color: #000;
	margin-bottom: 5px;
	position: relative;
	transition: var(--transition-05s);
}

details.wp-block-details.has-normal-font-size.is-layout-flow.wp-block-details-is-layout-flow a:hover {
	transition: var(--transition-05s);
	text-decoration: underline;
	color: rgba(var(--main-color), 1);
}

/* details.wp-block-details.has-normal-font-size.is-layout-flow.wp-block-details-is-layout-flow a::before {
	display: inline-block;
	  content: '';
	  -webkit-border-radius: 0.375rem;
	  border-radius: 50%;
	  height: 10px;
	  width: 10px;
	  margin-right: 0.5rem;
	  background-color: rgba(var(--main-color), 0.5);
  } */
.product--content a {
	color: rgba(var(--main-color), 1);
}


.product--content p a {
	display: inline;
}

.product--content a:hover {
	text-decoration: underline;
}

.product--content a.specification-sheet:hover {
	text-decoration: none;
}

.entry-title {
	text-align: center;
}

/* .blogdtailssec iframe {
	width: 100% !important;
    max-height: 920px !important;
    height: 920px !important;
} */



/* menu css */
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
	position: relative;
}

.mega_menu_list {
	position: absolute;
	background: #fff;
	width: 100%;
	left: 0;
	/* top: 100%; */
	overflow: hidden;
	display: none;
	align-items: start;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.megamenutwo{
     width: auto !important;
    left: unset !important;
}

.nav-item:hover>.mega_menu_list {
	opacity: 1;
	display: flex;
	visibility: visible;
}

.mega_menu_list .nav.nav-pills a.nav-link {
	font-size: 14px !important;
	display: block;
	line-height: 20px;
	padding: 22px 15px !important;
	background: #efefef !important;
	color: #666 !important;
	text-decoration: none;
	text-align: left;
	border-radius: 0 !important;
	margin-right: 0 !important;
	width: 215px;
}

.mega_menu_list .nav.nav-pills a.nav-link.active,
.mega_menu_list .nav.nav-pills a.nav-link:hover {
	color: rgba(var(--main-color), 1) !important;
	background: #fff !important;
}

.mega_menu_body {
	/* position: absolute; */
	width: 100%;
	height: auto;
	min-height: 100%;
	/* left: 250px; */
	/* top: 0; */
	background: #fff;
	padding: 20px;
}

.mega_menu_row {
	font-size: 14px;
	display: flex;
}

.mega_menu_col {
	width: 25%;
	padding: 0 12px;
}
.megamenutwo .mega_menu_col{
 width:50% !important;
}
.mega_menu_col a {
	/* font-weight: 600; */
	font-size: 17.99px;
	margin-bottom: 24px;
	color: #000;
}

.mega_menu_list .nav.nav-pills {
	background: #efefef !important;
	height: 100%;
	justify-content: space-between;
}

.mega_menu_col .megamenu-ul li a {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 15px;
	white-space: wrap;
	line-height: 1.1;
}

.mega_menu_list .tab-content {
	width: 100%;
	max-height: 100%; /* was max-height: 320px; */
	overflow: auto;
}

.mega_menu_list .tab-content::-webkit-scrollbar {
	width: 6px;
}

.mega_menu_list .tab-content::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}

.mega_menu_list .tab-content::-webkit-scrollbar-thumb {
	background: #b0b0b0;
	border-radius: 5px;
}

.offcanvas-body .accordion {
	width: 100%;
	max-width: 100%;
	margin: 0;
	background: #ffffff00;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
}

.offcanvas-body .accordion .link,
.offcanvas-body .accordion .linknew,
.offcanvas-body .accordion a {
	cursor: pointer;
	display: block;
	padding: 18px 0px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid rgba(var(--main-color), 1);
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.offcanvas-body .accordion li:last-child .link {
	border-bottom: 0;
}

.offcanvas-body .accordion li i {
	position: absolute;
	top: 20px;
	left: 12px;
	font-size: 18px;
	color: #000;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.offcanvas-body .accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 14px;
}

.offcanvas-body .accordion li.open .link {
	color: rgba(var(--main-color), 1);
}

.offcanvas-body .accordion li.open i {
	color: #000;
}

.offcanvas-body .accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.offcanvas-body .accordion .linknew,
.offcanvas-body .accordion a {
	padding: 12px 20px !important;
	color: #000;
	font-size: 14px;
	font-weight: 400;
}



.offcanvas-body .accordion li.open .linknew i.fa-chevron-down {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

.offcanvas-body .accordion li.open .linknew.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* Submenu */


.offcanvas-body .submenu,
.offcanvas-body .submenu1,
.offcanvas-body .submenu-2 {
	display: none;
	background: #ffffff00;
	font-size: 14px;
	list-style: none;
}

ul.submenu2 {
	list-style: none;
}

ul.submenu3 {
	list-style: none;
}

.offcanvas-body .submenu li,
.offcanvas-body .submenu1 li,
.offcanvas-body .submenu-2 li {
	border-bottom: 0px solid #4b4a5e;
}

.offcanvas-body .submenu a,
.offcanvas-body .submenu1 a,
.offcanvas-body .submenu-2 a {
	display: block;
	text-decoration: none;
	color: #383838;
	padding: 12px;
	padding-left: 20px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.offcanvas-body .submenu a:hover,
.offcanvas-body .submenu1 a:hover,
.offcanvas-body .submenu-2 a:hover {
	background: rgba(var(--main-color), 1);
	color: #000;
}

.offcanvas-body .accordion li.open .submenu .sub_link i.fa-chevron-down {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

.offcanvas-body .accordion li.open .submenu .sub_link.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}



.wp-block-buttons>.wp-block-button a.wp-block-button__link.wp-element-button {
	border-radius: 0px;
	background-color: rgba(var(--main-color), 1) !important;
	border: 1px solid rgba(var(--main-color), 1) !important;
	padding: 0.75rem 2rem !important;
	color: white !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 16px !important;
	font-family: var(--Poppins-font) !important;
	margin: 8px;
}

.wp-block-buttons>.wp-block-button a.wp-block-button__link.wp-element-button:hover {
	background-color: transparent !important;
	border: 1px solid rgba(var(--main-color), 1) !important;
	color: rgba(var(--main-color), 1) !important;
	outline-offset: 0px;
	outline: 0px dotted currentColor;
	text-decoration: none;
}

.inner-content-li ul.wp-block-list li {
	color: var(--bs-body-color);
	transition: all 0.4s ease-in-out;
}

.inner-content-li ul.wp-block-list li a {
	color: rgba(var(--main-color), 1);
	transition: all 0.4s ease-in-out;
}

.inner-content-li ul.wp-block-list li a:hover {
	color: rgba(var(--main-color), 1);
	transition: all 0.4s ease-in-out;
}

.vdsec {
	height: auto;
	width: 100%;
}

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

.mainsec p a {
	color: rgba(var(--main-color), 1);
}

.mainsec p a:hover {
	text-decoration: underline;
}

.counter-section {
	background-color: rgba(var(--main-color), 1);
	background-size: contain;
	background-repeat: repeat;
	background-position: center;
	z-index: 10;
}

.counter-text p {
	color: #fff;
	font-weight: 500;
	margin-bottom: 0.5rem;
	font-size: 20px;
}

.counter-text .steelpush-title {
	text-transform: uppercase;
	font-size: 28px;
	margin-bottom: 0.5rem;
	line-height: normal;
}

.counter-list .btn-submit {
	border: 1px solid #fff !important;
	color: #fff;
	background-color: transparent;
	margin-top: 1rem;
}

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

.partnership .form-check input[type="radio"] {
	margin-top: 0.2em;
}

.partnership .form-check .form-check-input {
	margin-left: 0.5em;
}

.form-check input[type="checkbox"] {
	border-radius: 0%;
	width: 1em;
	height: 1em;
	margin-top: 0em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-check input[type="checkbox"]:checked {
	background-color: rgba(var(--main-color), 1) !important;
	border-color: rgba(var(--main-color), 1) !important;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	input[type=checkbox]:after {
		background: rgba(var(--white-color), 1) !important;
		position: relative;
		width: 10px;
		height: 10px;
		left: auto;
		top: auto;
		border-radius: 50%;
		display: flex;
		align-items: center;
		border: 0px solid red !important;
	}

	@supports (-webkit-appearance: none) or (-moz-appearance: none) {
		input[type=checkbox]:focus {
			outline-offset: 0px;
			outline: 0px dotted var(--form--border-color);
		}
	}
}

.checkgroupnew .wpcf7-list-item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
}

.checkgroupnew .wpcf7-form-control {
	flex-wrap: wrap;
}


p.contact-two__text,
.contactlist {
	min-height: 75px;
}

.menu-img {
	height: 200px;
	object-fit: cover;
	object-position: top;
}

.contactlist li a {
	color: rgba(var(--main-color), 1);
}


/* New css 10.04.25 */

.team_sec {
	padding-top: 50px;
}

.meet_heading {
	text-align: center;
	font-family: var(--Poppins-font) !important;
}

section.team-founder {
	padding: 30px 0 20px;
}

.founder_info h4,
h5 {
	font-size: 16px;
}

.team_sec h3.heading {
	margin: 0 0 20px;
	padding: 0;
	color: rgba(var(--main-color), 1);
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
}

.founder-box-sec {
	position: relative;
}

.founder-box-sec:before {
	content: "";
	display: block;
	background: #9daccb;
	width: 1px;
	height: 123px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.founder.clearfix {
	padding: 12px 24%;
	position: relative;
}

.founder_info {
	position: absolute;
	top: 50%;
	left: 45%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.teamgrid {
	display: flex;
	align-items: center;
	justify-content: center;
}

.team_member {
	padding: 0 35px;
	text-align: center;
}

.team_member h5 {
	padding: 7px 0;
}



.testi_card {
	background: #fff;
	border-bottom: 1px solid #ed1b31;
	border-left: 1px solid #ed1b31;
	border-radius: 4px;
	border-right: 1px solid #ed1b31;
	border-top: 5px solid #ed1b31;
	-webkit-box-shadow: .025rem .125rem 1.25rem rgba(23, 47, 83, .18);
	box-shadow: .025rem .125rem 1.25rem rgba(23, 47, 83, .18);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.75rem;
	position: relative;
	height: 100%;
}

.testi_card .review {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.testi_card .review-body {
	margin-top: 1rem;
}

.testi_card .review-meta {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
}

.testi_card .review-author {
	font-style: italic;
	margin-bottom: 0;
}

.testi_card .review-brand {
	font-weight: 700;
	margin: 0;
}

.quaote {
	text-align: center;
	font-size: 2.4rem;
}


.hide {
	display: none;
	visibility: hidden;
	height: 0;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0;
}


.pagination_number {
	background-color: #272b2d;
	border: 0;
	border-radius: 8px;
	color: #1c1c1c;
	cursor: pointer;
	display: inline-block;
	font-size: 1.125rem;
	line-height: 1.5;
	margin-right: .75rem;
	margin-top: .75rem;
	padding: .5rem 1.5rem;
	color: #ffffff !important;
}

.pagination_number:hover {
	color: #fff;
}

a.pagination_number.pagination\:active {
	background-color: #ed1b31;
}


@media only screen and (max-width: 767px) {
	.founder_info {
		position: relative !important;
		text-align: center !important;
		transform: translateX(-40%);
		padding: 15px 0;
	}

	.founder-thumb {
		text-align: center !important;
	}

	.teamgrid {
		display: block !important;
	}

	.team_sec {
		padding: 10px 0 !important;
	}

	.founder-box-sec:before {
		display: none !important;
	}

	.founder.clearfix {
		padding: 0 !important;
	}

	.reverseimg .row {
		flex-direction: column-reverse !important;
	}

	.header_btn .btn1 {
		padding: 10px 10px !important;
		font-size: 12px !important;
		width: 100% !important;
	}

	.header_btn {
		padding-top: 15px !important;
	}

	.header_btn .btn1 a {
		color: #fff !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.founder_info {
		position: relative !important;
		text-align: center !important;
		transform: translateX(-40%);
		padding: 15px 0;
	}

	.founder-thumb {
		text-align: center !important;
	}

	.team_member {
		width: 48% !important;
	}

	.teamgrid {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 20px !important;
	}

	.team_sec {
		padding: 10px 0 !important;
	}

	.reverseimg .row {
		flex-direction: column-reverse !important;
	}

	.tab_testi {
		width: 50% !important;
	}
}

/* Slider Styles */
.slider-container {
	width: 100%;
	position: relative;
	padding: 0;
}

.slide {
	padding-right: 20px;
}

.before-after-slider {
	position: relative;
	overflow: hidden;
}

.slide_box {
	overflow: hidden;
	position: relative;
}

.slide {
	position: relative;
}

.before-image,
.after-image {
	width: 100%;
	height: 100%;
	display: block;
}

.before-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	overflow: hidden;
}

.slider-handle {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #ed1b31;
	left: 50%;
	transform: translateX(-50%);
	cursor: ew-resize;
	z-index: 10;
}

.slider-handle:after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #ed1b31;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.controls button {
	width: 50px;
	height: 50px;
	padding: 0;
	transition: var(--transition-05s);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	border-radius: 50%;
	background: rgb(237 27 49 / 0%);
	color: rgb(237 27 50);
	border: 1px solid rgba(var(--main-color), 1);
}

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

.tab-content .mega_menu_col .ico_list {
	font-weight: bold;
	text-transform: uppercase;
}

.tab-content .mega_menu_col .megamenu-ul a:hover {
	color: #ed1b31;
}

.header_btn {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.btn1 {
	border-radius: 0px;
	background-color: rgba(var(--main-color), 1);
	border: 1px solid rgba(var(--main-color), 1) !important;
	padding: 10px 10px !important;
	color: white !important;
	/*     text-transform: uppercase; */
	font-weight: 400 !important;
	font-size: 14px !important;
	font-family: var(--Poppins-font) !important;
}

.btn1:hover,
.btn1:active {
	background-color: transparent;
	border: 1px solid rgba(var(--main-color), 1) !important;
	color: rgba(var(--main-color), 1) !important;
	outline-offset: 0px;
	outline: 0px dotted currentColor;
}




/* Home Proudly Delivering section */
.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: 2rem;
	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;
	}

	.hero-image {
		height: 100%;
		width: 100%;
	}
	.nexus-orange-topsec {
	justify-content: center !important;
	}
}

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

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

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



.nexus-orange-topsec {
	/* background-color: #F47820; */
	/* height: 50px; */
	display: flex;
	align-items: center;
	/* justify-content: end; */
	width: 100%;
	border: none;
	margin-top: 5px;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: end;
	/* align-items: center; */
}

.nexus-search-input {
	width: 100%;
	height: 35px;
	padding-right: 40px !important;
	padding: 5px;
	border: none;
	border-radius: 0px;
	font-size: 14px;
	outline: none;
	background-color: #ffffff00;
	color: #000 !important;
	border-bottom: 1px solid #000 !important;
}

.nexus-search-input::placeholder {
	color: #fff !important;
	opacity: 1;
}

.nexus-search-input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #fff !important;
	opacity: 1;
}

.nexus-search-input::-moz-placeholder {
	/* Firefox 19+ */
	color: #fff !important;
	opacity: 1;
}

.nexus-search-input:-ms-input-placeholder {
	/* IE 10+ */
	color: #fff !important;
	opacity: 1;
}

.nexus-search-input::-ms-input-placeholder {
	/* Edge */
	color: #fff !important;
	opacity: 1;
}

.nexus-search-container {
	position: relative;
	max-width: 147px;
	height: 40px;
/* 	width: 100%; */
}
@media screen and (min-width: 992px) {
	.nexus-search-container {
		max-width: 156px;
	}
	
}
@media screen and (min-width: 1200px) {
	.nexus-search-container {
		max-width: 256px;
	}
	
}
/* @media screen and (max-width: 862px) {
	.nexus-search-container {
		max-width: 120px;
	}
	
} */
@media screen and (max-width: 515px) {
	.nexus-search-container {
		max-width: 100%;
	}
	
}
.nexus-search-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #000;
	font-size: 16px;
	cursor: pointer;
	/* display: none; */
}

.nexus-search-container button {
	background: #ffffff;
	border: none;
}

.nexus-search-container button:hover {
	/* background: #ed1b31; */
	border: none;
}

header .SocialHeadclock-list>li>a>i,
header .SocialHeadclock-list>li>a,
header .SocialHeadclock-list>li {
	color: #000;
}


/* blog listing page */
#category-buttons button.active,
#pagination button.active {
	background-color: #ed1b31;
	color: #fff;
	border-color: #ed1b31;
}

#category-buttons button {
	padding: 5px;
}

#category-buttons button:focus,
#category-buttons button:hover {
	border-color: #ed1b31;
}

#blog-sort {
	padding: 6px 32px 6px 12px;
	border: 1px solid #ced4da;
	border-radius: 4px;
	background: #fff;
	color: #333;
	font-size: 1rem;
	margin-left: 10px;
	outline: none;
	transition: border-color 0.2s;
	min-width: 170px;
	cursor: pointer;
}

.leftsidebloglist .pagination .page-item button {
	color: #ed1b31;
}

#blog-sort:focus {
	border-color: #ed1b31 !important;
}

.leftsidebloglist .leftsidebloglist-controls {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 16px;
}

.leftsidebloglist .leftsidebloglist-search {
	position: relative;
}

.leftsidebloglist .leftsidebloglist-search-btn {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.leftsidebloglist .leftsidebloglist-search-icon {
	font-size: 1.5rem;
}

.leftsidebloglist .leftsidebloglist-search-modal {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	background: #fff;
	border: 1px solid #ced4da;
	border-radius: 8px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
	padding: 20px 16px 16px 16px;
	z-index: 100;
	min-width: 260px;
}

.leftsidebloglist .leftsidebloglist-close-modal {
	position: absolute;
	top: 10px;
	right: 12px;
	background: none;
	border: none;
	padding: 4px;
	border-radius: 50%;
	transition: background 0.2s;
	cursor: pointer;
	line-height: 1;
}

.leftsidebloglist .leftsidebloglist-close-modal:hover,
.leftsidebloglist .leftsidebloglist-clear-search:hover {
	background: #ffe5e9;
}

.leftsidebloglist .leftsidebloglist-search-input-wrap {
	display: flex;
	align-items: center;
	margin-top: 28px;
}

.leftsidebloglist .leftsidebloglist-search-input {
	border: 1.5px solid #ced4da;
	border-radius: 6px;
	width: 200px;
	padding: 7px 36px 7px 12px;
	font-size: 1rem;
	transition: border-color 0.2s;
}

.leftsidebloglist .leftsidebloglist-search-input:focus {
	border-color: #ed1b31;
	outline: none;
}

.leftsidebloglist .leftsidebloglist-clear-search {
	background: none;
	border: none;
	margin-left: -32px;
	padding: 4px;
	border-radius: 50%;
	transition: background 0.2s;
	cursor: pointer;
}

.leftsidebloglist .leftsidebloglist-category-buttons {
	display: flex;
	align-items: center;
	gap: 4px;
}

.leftsidebloglist .leftsidebloglist-sort-wrap {
	position: relative;
	display: inline-block;
}

.leftsidebloglist .leftsidebloglist-sort-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 32px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #ced4da;
	border-radius: 4px;
	background: #fff;
	color: #333;
	font-size: 1rem;
	min-width: 170px;
	cursor: pointer;
	outline: none;
	transition: border-color 0.2s;
	margin-left: 10px;
}

.leftsidebloglist .leftsidebloglist-sort-select:focus {
	border-color: #ed1b31 !important;
}

.leftsidebloglist .leftsidebloglist-sort-arrow {
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1rem;
	color: #333;
}

.blog-card {
	margin-bottom: 2rem;
	border-radius: 18px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1.5px 6px rgba(220, 53, 69, 0.08);
	background: #fff;
	overflow: hidden;
	transition: box-shadow 0.3s;
	min-height: 505px;
}

.blog-card:hover {
	box-shadow: 0 8px 32px rgba(220, 53, 69, 0.18), 0 2px 8px rgba(0, 0, 0, 0.10);
}

.blog-card .thumb {
	width: 100%;
	overflow: hidden;
	/* height: 200px; */
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	object-fit: cover;
}

/* Enable horizontal scroll on categories only on hover */
.blog-card h2 {
	font-size: 1.4rem;
	font-weight: 700;
	margin: 18px 18px 8px 18px;
	color: #222;
	letter-spacing: 0.01em;
}

.blog-card .categories {
	margin: 0 18px 8px 18px;
	gap: 5px;
}

.blog-card .badge {
	font-size: 0.85rem;
	padding: 0.35em 0.8em;
	border-radius: 12px;
	background: #dc3545;
	color: #fff;
	font-weight: 600;
	box-shadow: 0 1px 4px rgba(220, 53, 69, 0.10);
	white-space: nowrap;
	margin-right: 5px;
	transition: background 0.2s, box-shadow 0.2s;
}

.blog-card .excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 4.5em;
	margin: 0 18px 18px 18px;
	color: #555;
	font-size: 1rem;
}

.blog-card .blog-readmore {
	color: #dc3545;
	font-weight: 600;
	margin: 0 18px 18px 18px;
	display: inline-block;
	text-decoration: none;
	transition: color 0.2s;
}

.blog-card .blog-readmore:hover {
	color: rgb(250, 0, 0);
}

.blog-card .blog-readmore .readmore-icon {
	transition: transform 0.3s;
}

.blog-card .blog-readmore:hover .readmore-icon {
	transform: rotate(358deg);
}

.category-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.3);
	overflow-y: auto;
	max-height: 100vh;
}

.category-modal-content {
	background: #fff;
	max-width: 90vw;
	margin: 60px auto 0 auto;
	border-radius: 12px;
	padding: 24px 16px;
	position: relative;
	max-height: 80vh;
	overflow-y: auto;
}

.category-modal-close {
	position: absolute;
	top: 12px;
	right: 12px;
	background: none;
	border: none;
}

.category-modal-title {
	font-size: 1.1rem;
}

.category-modal-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.category-modal-btn {
	padding: 6px 14px;
	border-radius: 6px;
	border: 1px solid #ced4da;
	background: #fff;
}





.blog-card .categories-scroller {
	overflow: hidden;
	width: 95%;
	position: relative;
	margin-left: 18px;
}

.blog-card .slider-track {
	display: inline-flex;
	white-space: nowrap;
	gap: 10px;
	transform: translateX(0);
	animation: none;
	padding: 0px 0px 0px 0px;
	color: #737479;
}

/* Animate only when hovering over the blog card */
.blog-card:hover .slider-track {
	animation: infinite-scroll 15s linear infinite;
}

@keyframes infinite-scroll {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-50%);
	}
}

.company_info p {
	margin-bottom: 0;
	line-height: 27px;
}

.blog_cont {
	padding: 0px 20px;
	min-height:310px;
}


.page-link {
	color: #000;
}



/* blog listing end */

.engbtn{
	border-radius: 0px;
    background-color: rgb(255 255 255);
    border: 1px solid rgb(0 0 0) !important;
    padding: 2px 10px !important;
    color: #000000 !important;
    /* text-transform: uppercase; */
    font-weight: 400 !important;
    font-size: 14px !important;
    font-family: var(--Poppins-font) !important;
}
@media(max-width:400px){
	.engbtn{
		font-size: 12px !important;
}
}
.engbtn:hover {
	background-color: transparent;
	border: 1px solid rgba(var(--main-color), 1) !important;
	color: rgba(var(--main-color), 1) !important;
	outline-offset: 0px;
	outline: 0px dotted currentColor;
	text-decoration: none;
}	


/* Testimonial css */

.custom-testimonial-card {
	 box-shadow: 12 12 12px rgba(246, 245, 245, 0.08);
	 background-color: #fff;
	 height: 100%;
	min-height: 270px
    
}

@media (min-width: 779px) and (max-width: 991px){
	.custom-testimonial-card {
		min-height: 370px
	}
}

.custom-stars i {
    font-size: 25px;
    margin-right: 4px;
}

.custom-review-title {
    font-size: 22px;
}

.review-body {
    font-size: 15px;
    line-height: 1.6;
}

.quote-icon {
    font-size: 25px;
    margin-top: 2px;
}


.ecp-header {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    .ecp-subheader {
        font-size: 1.2rem;
        font-weight: normal;
        margin-bottom: 30px;
    }

    .ecp-buttons {
           display: flex;
    justify-content: center;
    gap: 110px;
    flex-wrap: wrap;
    margin-top: 400px;
    }

    .ecp-btn {
        display: inline-block;
        padding: 10px 25px;
        border: 2px solid white;
        border-radius: 20% 18% / 20% 18%;
        color: white;
        text-decoration: none;
        font-weight: bold;
        transition: background 0.3s, color 0.3s;
    }

    .ecp-btn:hover {
        background: white;
        color: black;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .ecp-header {
            font-size: 1.5rem;
        }
        .ecp-subheader {
            font-size: 1rem;
        }
        .ecp-btn {
            padding: 8px 18px;
            font-size: 0.9rem;
        }
    }


/* Style radio buttons for survey form */
.custom-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  margin: 0 8px 0 0;
  font: inherit;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

/* Checked state */
.custom-radio input[type="radio"]:checked {
  border-color: rgba(237, 27, 49);
}

/* Inner circle when selected */
.custom-radio input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background-color: rgba(237, 27, 49);
  border-radius: 50%;
}

/* Hide native radio button on Firefox */
.custom-radio input[type="radio"]::-moz-focus-inner {
  border: 0;
}

/* Label spacing */
.custom-radio label {
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
  font-size: 14px;
}
.custom-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 1em;
}

/* 31-10-25 */

@media(min-width:1400px){
.applibtn.receive a:first-child {
 margin-right:20px ;
}
}

@media(max-width:1400px){
.applibtn.receive a:first-child {
 margin-bottom:20px ;
}
}


/* **************************** CUSTOM UPCOMING TRAINING SESSIONS TABLE *********************************************  */

/* Center the table on the training session page*/
.custom-table {
    width: 50%;
    margin: 0 auto;
    border-collapse: collapse; /* Optional: To remove spaces between table cells */
	border: none;
}
.column-left p {padding:10px;}

/* Styling for each row */
.row-gray {
    background-color: #636363; /* dark gray */
    color: #ffffff;
}

.row-black {
    background-color: #000000;
    color: #ffffff;
}

/* Red Register Now button with white text */
.btn-register {
    background-color: #ed1b32;
    color: #ffffff;
	text-align: center; /* Horizontally center the buttons */
    vertical-align: middle; /* Vertically center the buttons */
}

/* Black Learn More button with black text */
.btn-learn-more {
    background-color: #ffffff;
    color: #000000;
	  
}
.custom-table button {
    padding: 10px 20px;
    margin: 5px;
    border: none;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}

/* Optional: Add hover effect for buttons */
.btn-register:hover {
    background-color: darkred;
	border:none;
}

.btn-learn-more:hover {
    background-color: gray;
	border:none;
}

.custom-table td {
    text-align: center; /* Horizontally center the buttons */
    vertical-align: middle; /* Vertically center the buttons */
	border:none;
}



  .training-section {
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 15px;
    }

    .training-section img {
      width: 100%;
      height: auto;
      /* border-radius: 10px; */
      object-fit: cover;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }

    .training-section p {
      font-size: 1rem;
      line-height: 1.7;
      color: #333;
      font-style: italic;
      margin-bottom: 0;
    }

    @media (min-width: 768px) {
      .training-section .col-md-6:first-child {
        display: flex;
        /* align-items: center; */
        /* justify-content: center; */
      }
    }
      .upcoming-section-title {
        font-weight: 500;
        text-align: center;
        margin-bottom: 2rem;
        font-size: 1.8rem;
      }

      .training-card {
        background: #212529;
        color: #fff;
        text-align: center;
        padding: 25px 20px;
        /* min-height: 200px; */
        transition: transform 0.3s ease;
        
      }

      .training-card:hover {
        transform: translateY(-5px);
      }

      .training-card h5 {
        color: #fff;
        font-size: 1.2rem;
        font-weight: 600;
      }

      .training-card p {
        margin: 0.3rem 0 1rem;
        font-size: 0.95rem;
        color: #fff;
        font-style: italic;
      }

      /*  Button styling */
      .btn-register,
      .btn-learn {
        display: inline-block;
        width: 200px;
        text-align: center;
        padding: 4px 16px;
        border-radius: 5px;
        font-size: 0.9rem;
        transition: all 0.3s ease;
        text-decoration: none;
		margin: 0 auto;
      }

      @media (max-width:1300px){
          .btn-register,
      .btn-learn {
        width: 160px;
      }
      }

      .btn-register {
        background-color: #e53935;
        border: none;
        color: #ffffff;
      }

      .btn-register:hover {
        background-color: #b71c1c;
      }

      .btn-learn {
        background-color: #ffffff;
        color:#000000;
      }

      .btn-learn:hover, .btn-learn:focus {
        opacity: 80%;
		color:#000000;
      }
 .btn-learn:visited {
	color:#000000;
 }

      .button-group {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        flex-direction: column;
      }

      .learn-section {
        /* background-color: #f9f9f9; */
        padding: 60px 0;
      }

      .learn-section h4 {
        font-weight: 700;
        margin-bottom: 1rem;
      }

      .learn-section p {
        font-size: 0.95rem;
        line-height: 1.6;
      }

      .learn-section-img img{
         /*  Smooth box shadow */
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      }


      .learn-section-card{
          border-top: 1px solid lightgray ;
      }

      .learn-section-card:last-child {
  border-bottom: 1px solid lightgray;
}

      .certified {
        color: #000000;
        font-weight: 600;
      }

      .fa-star {
        color: #e8dc52;
        margin-right: 5px;
      }

/* for foundation repair product page */
.foundationbox {
  display: flex;
  flex-direction:column;
  align-items: stretch;
  background: #f8f8f8;
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 6px;
  height:100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* smooth animation */
}
.foundationbox:hover {
  transform: translateY(-5px); /* moves the box slightly up */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* subtle shadow on hover */
}

.foundationbox img {
  width: 40%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.foundationbox .text {
  padding: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height:100%;
}
.text h4 {
  text-align: center; 
}
.foundationbox h3 {
  margin-top: 0;
}

.foundationbox p {
  flex-grow: 1;
	margin:0;
}
.foundationbox p img{
    display: block;
	width:100%;
	height:250px;
	object-fit:contain !important;
}
.learn-more-wrapper {
  margin-top: auto; /* pushes the wrapper to the bottom */
}

.foundationbox .learn-more {
  color: #ec2b31;
  text-decoration: none;
}

.product-section-title {
	text-align:center;
	margin:50px 0 20px;
}
.row-table {
   display: flex;
   justify-content: space-between;
   padding: 5px 0;
   gap:10px;
}
.column-table {
  width: 50%;
}
.prodes ul {list-style:disc;}

.prodes ul li a {color:#ec2b31;}

.button-group-row {
	display:flex; 
	gap: 10px; 
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
}

.btn-products {
  background-color:rgba(var(--main-color), 1);
  color: #ffffff;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 600;
  transition: background 0.3s ease;
}
.btn-products:visited {
  color: #fff;               /* ensures visited links stay white */
}
.btn-products:hover,
.btn-products:focus {
  background-color: #a00d25;
  color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .foundationbox img,
  .foundationbox .text {
    width: 100%; /* full width */
    height: auto; /* natural image height */
  }

  .foundationbox .text {
    padding: 15px;
  }
}

@media (max-width:991px){
	.prodetails .prodes .row{
   flex-direction:row !important;
}
}
@media (max-width: 1400px) {
  .foundationbox {
    flex-direction: column; /* stack image above text */
  }	

      .foundationbox img,
  .foundationbox .text {
    width: 100%; /* full width */
   
  }
	.foundationbox p img{
		object-fit:contain;
        height: auto; /* natural image height */
	}
}
/* Only affects the waterproofing category page */
/* Product Categories Wrapper */
.product-categories-wrapper {
    display: flex;
    flex-wrap: nowrap; /* one row on desktop */
    justify-content: center; /* center all boxes */
    max-width: 1200px;
    margin: 0 auto;
    gap: 5px; /* horizontal spacing between boxes */
}

.product-categories-wrapper .category-box {
    flex: 0 0 33.333%; /* exact 1/3 width */
    display: flex;
}

.product-categories-wrapper .category-box .foundationbox {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-categories-wrapper .category-box .foundationbox img {
    height: auto;      /* equal-height images */
    width: 100%;
    object-fit: cover;   /* maintain aspect ratio, crop if needed */
    display: block;
}

.product-categories-wrapper .category-box .foundationbox .text {
    display: flex;
    flex-direction: column;
	flex-grow:1;
}

.product-categories-wrapper .category-box .foundationbox .text .text-content {
   flex-grow:1;
}

.product-categories-wrapper .category-box .foundationbox .text .text-content h4 {
    margin-top: 0;       /* remove extra top spacing */
    margin-bottom: 8px;  /* consistent spacing below heading */
    padding-top: 0;
}

.product-categories-wrapper .category-box .foundationbox .learn-more-wrapper {
    margin-top: auto;
}

/* Responsive: stack boxes on smaller screens */
@media (max-width: 992px) {
    .product-categories-wrapper {
        flex-wrap: wrap;
    }
    .product-categories-wrapper .category-box {
        flex: 0 0 48%;
    }
}

@media (max-width: 768px) {
    .product-categories-wrapper .category-box {
        flex: 0 0 100%;
    }
    .product-categories-wrapper .category-box .foundationbox img {
        height: auto; /* smaller images on mobile */
    }
}

.wp-block-heading.has-text-align-center a {
  color: rgba(var(--main-color), 1);
}