/*!
Theme Name: coremech
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: coremech
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

coremech is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body{
    position: relative;
    margin: 0;
    padding: 0;
	font-family: 'GT Walsheim Trial', sans-serif;
}

h3{
	margin: 0;
}

p{
	margin: 0;
}

.elementor img{
	max-width: unset;
}

.header-inner-container, .footer-inner, .banner-section-inner, .main-content-inner, .recent-blogs-inner,.product-category-banner-inner, .products-category-section-display-inner{
	max-width: 1200px;
    margin: 0 auto;
}

.error-shortcode-content{
	text-align: center;
	color: red;
}

/* Header */

header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: background-color 0.3s ease;
}

header.scrolled {
    background-color: #96080B;
}

.header-inner-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.hamburger-menu-button{
    color: #FAFAFA;
    font-size: 24px;
    display: none;
    padding: 0 10px;
}

.hamburger-main-menu{
    background-color: white;
    margin: 0 10px;
    position: absolute;
    right: 0;
    left: 0;
    display: none;
}

header .main-logo{
    padding: 0 10px;
}

.site-header .main-menu{
	flex-grow: 1;
}

.site-header .main-menu ul{
	justify-content: end;
	display: flex;
	align-items: center;
	gap:30px;
	list-style: none;
	padding: 0px 10px;
	margin: 0px;
}

.site-header .main-menu ul li{
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}

.site-header .main-menu ul li a{
	color: #FAFAFA;
	text-decoration: none;
	padding-bottom: 5px;
}

.site-header .main-menu ul li a:hover{
	border-bottom: 1px solid #FAFAFA;
}

.site-header .main-menu ul .current-menu-item a, .site-header .main-menu ul .active-menu a{
	padding-bottom: 5px;
	border-bottom: 1px solid #FAFAFA;
}

.hamburger-main-menu ul{
	list-style: none;
	padding: 0px;
	margin: 10px;
}

.hamburger-main-menu ul li{
	padding-bottom: 10px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}

.hamburger-main-menu ul li a{
	color: #E42328;
	text-decoration: none;
}

.main-button{
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
	color: #FAFAFA;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	border-radius: 10px;
	padding: 14px 20px;
	background-color: #E42328;
	border: 0.5px solid linear-gradient(102.26deg, rgba(228, 35, 40, 0.6) -2.23%, rgba(255, 164, 170, 0.6) 44.25%, rgba(228, 35, 40, 0.6) 89.7%);
	transition: all 200ms ease-in;
}

.main-button:hover{
	background-color: #e4232ac0;
}

.header-button{
	margin: 0 10px;
}

.hamburger-main-menu .header-button{
	margin: 10px;
	width: fit-content;
}

/* Footer Section */
footer{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.footer-top{
	border-top: 1px solid #E0E0E0;
	padding: 50px 10px;
	display: flex;
	justify-content: space-between;
}

.footer-top ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-1{
	width: 25%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.footer-1 .footer-social-menu{
	display: flex;
	gap: 10px;
	align-items: center;
}

.footer-1 h3{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #636363;
}

.footer-2{
	width: 25%;
}

.footer-2-list ul{
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px 0px;
}

.footer-2-list ul li, .footer-2-list ul li a{
	display: flex;
	align-items: start;
	gap: 10px;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #636363;
	text-decoration: none;
}

.footer-3{
	width: 30%;
}

.footer-3 .footer-3-menu ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 20px 0px;
}

.footer-3 .footer-3-menu ul li{
	flex: 45%;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
}

.footer-3 .footer-3-menu ul li a{
	color:#636363;
	text-decoration: none;
}

.footer-2 h3, .footer-3 h3{
	font-weight: 500;
	font-size: 25px;
	line-height: 30px;
	color: #3D0D0E;
	padding-bottom: 25px;
	border-bottom: 1px solid #C1C1C1;
}

.footer-bottom{
	border-top: 1px solid #C1C1C1;
	padding: 20px 0px;
	text-align: center;
}

.footer-bottom h3{
	font-weight: 275;
	font-size: 16px;
	line-height: 17.6px;
}

/* Homepage Styles */
.background-blur-hero{
	backdrop-filter: blur(15px);
	background-color: #FFFFFF1A;
}

.service-post-grid{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
}

.service-post-grid .service-post-card{
	flex: 1;
	position: relative;
	height: 400px;
	overflow: hidden;
	border-radius: 21px;
}

.service-post-grid .service-post-card img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service-post-grid .service-post-card h3{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #FAFAFA;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 100px;
	padding: 20px;
}

/* Homepage Product Slider */
.product-slide{
	height: 300px;
	overflow: hidden;
	border-radius: 15.52px;
	position: relative;
}

.product-slide .product-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-slide .arrow-container{
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	background: #F4F8FF33;
	backdrop-filter: blur(45px);
	border: 1.06px solid #FFFFFF1A;
	border-radius:10.63px;
	transition: 100ms ease-in;
}

.product-slide:hover .arrow-container{
	background: #E42328;
}

.product-slide .product-title{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px;
	margin: 10px;
	border-radius: 11px;
	border: 1.06px solid #FFFFFF1A;
	background: #86868633;
	backdrop-filter: blur(15px);
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #F4F8FF;
}

.owl-nav{
	display: flex;
	justify-content: end;
	padding: 20px 0px 0px;
	gap: 10px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}

.owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i{
	font-size: 34px;
}

.owl-carousel .owl-nav button img{
	width: 12px;
}

.owl-carousel .owl-nav button.disabled img{
	opacity: 0.5;
}

.homepage-hydraulic-product-list{
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

/* Blog List */
.blogs-list{
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: stretch;
}

.blog-big-tile{
	flex: 1;
	height: 440px;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.blog-big-tile .title-content{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 15px;
}

.blog-big-tile .title{
	padding: 10px;
	border-radius: 11px;
	border: 1.06px solid #FFFFFF1A;
	background: #86868633;
	backdrop-filter: blur(15px);
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #F4F8FF;
}

.blog-big-tile .arrow-container{
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	background: #F4F8FF33;
	backdrop-filter: blur(45px);
	border: 1.06px solid #FFFFFF1A;
	border-radius:10.63px;
	transition: 100ms ease-in;
}

.blog-big-tile .content-section{
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-items: center;
}

.blog-big-tile .content-section p{
	margin: 0;
	width:80%;
	font-weight: 400;
	font-size: 16px;
	line-height: 17.6px;
	color: #FAFAFA;
}

.blog-big-tile:hover .arrow-container{
	background: #E42328;
}

.blogs-list .blog-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.side-blog-list{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}

.side-blog-list .side-blog-tile{
	position: relative;
	height: 210px;
	overflow: hidden;
	border-radius: 20px;
}

.date{
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: #FAFAFA;
	padding: 10px;
	font-weight: 400;
	font-size: 16px;
	line-height: 17.6px;
	color: #E42328;
	border-radius: 11px;
}

.side-blog-tile .title{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px;
	margin: 15px;
	border-radius: 11px;
	border: 1.06px solid #FFFFFF1A;
	background: #86868633;
	backdrop-filter: blur(15px);
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #F4F8FF;
}

.side-blog-tile .arrow-container{
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 10px;
	background: #F4F8FF33;
	backdrop-filter: blur(45px);
	border: 1.06px solid #FFFFFF1A;
	border-radius:10.63px;
	transition: 100ms ease-in;
}

.side-blog-tile:hover .arrow-container{
	background: #E42328;
}

.main-contact-form form input{
	width: 100%;
	border: 1px solid #B9B9B933;
	border-radius: 10px;
	padding: 15px;
	font-family: GT Walsheim Trial;
	font-weight: 400;
	font-size: 16px;
	line-height: 17.6px;
	margin-bottom: 10px;
	outline: none;
}

.main-contact-form form select{
	width: 100%;
	border: 1px solid #B9B9B933;
	border-radius: 10px;
	padding: 15px 14px;
	font-family: GT Walsheim Trial;
	font-weight: 400;
	font-size: 16px;
	line-height: 17.6px;
	margin-bottom: 10px;
	outline: none;
	background: transparent;
  	background-image: url("images/select.svg");
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: center;
}

.main-contact-form form select option::placeholder{
	color: #C0C0C0;
}

.main-contact-form form input::placeholder{
	color: #C0C0C0;
}

.main-contact-form form textarea::placeholder{
	color: #C0C0C0;
}

.main-contact-form form textarea{
	width: 100%;
	border: 1px solid #B9B9B933;
	border-radius: 10px;
	padding: 15px;
	font-family: GT Walsheim Trial;
	font-weight: 400;
	font-size: 16px;
	line-height: 17.6px;
	margin-bottom: 10px;
	resize: none;
	outline: none;
}

.main-contact-form form .wpcf7-submit{
	font-family: GT Walsheim Trial;
	color:#FFF0F1;
	border-radius: 10px;
	background-color: #E42328;
	border: 0.5px solid;
	border-image-source: linear-gradient(102.26deg, rgba(228, 35, 40, 0.6) -2.23%, rgba(255, 164, 170, 0.6) 44.25%, rgba(228, 35, 40, 0.6) 89.7%);
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 0;
	width: 100%;
	padding: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	cursor: pointer;
	transition: 200ms ease-in;
}

.main-contact-form form .wpcf7-submit:hover{
	background-color: #c0141a;
}

.main-contact-form form .wpcf7-response-output{
	margin: 0;
}

.wpcf7-not-valid-tip{
	padding: 0px 15px;
}

.main-contact-form form .form-group {
    position: relative;
}

.main-contact-form form .form-group .placeholder {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 1;
    display: none; /* Hidden initially */
    pointer-events: none;
}

.main-contact-form form .form-group .placeholder p{
    display: flex;
	gap: 2px;
}

.main-contact-form form .form-group .placeholder p br{
    display: none;
}

.main-contact-form form .form-group label {
    font-weight: 400;
	font-size: 16px;
	line-height: 17.6px;
    color: #C0C0C0;
}

.main-contact-form form .form-group .star {
    color: #E42328;
	font-weight: 400;
	font-size: 13px;
	line-height: 15.6px;
}

/* Blog - Resource Page */
.search-query-title{
	font-weight: 300;
	font-size: 39px;
	line-height: 120%;
	letter-spacing: -2%;
	color: #636363;
	margin: 0%;
}

.search .error-shortcode-content{
	margin: 10px 0px;
}

.search-input-wrapper{
	display: flex;
	justify-content: end;
}

.search-input-wrapper form{
	display: flex;
	align-items: center;
	gap: 5px;
	border: 1px solid #D0D0D066;
	background-color: #FAFAFA;
	border-radius: 10px;
	padding: 5px;
}

.search-input-wrapper form input{
	border: none;
	outline: none;
	background-color: #FAFAFA;
	font-weight: 275;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0%;
	width: 100%;
}

.search-input-wrapper form input::placeholder{
	font-family: GT Walsheim Trial;
	color: #636363;
}

.search-input-wrapper form button{
	border: none;
	outline: none;
	background-color: #FAFAFA;
}

.blog-tags-list ul{
	list-style: none;
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	padding: 20px 0px;
	margin: 0%;
}

.blog-tags-list .blog-tag-item{
	border: 1px solid #636363;
	border-radius: 10px;
	padding: 10px 20px;
}

.blog-tags-list .selected{
	background-color: #E42328;
	border: 1px solid #DCDCDC;
}

.blog-tags-list .blog-tag-item a{
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	color: #636363;
	text-decoration: none;
}

.blog-tags-list .selected a{
	color: #FAFAFA;
}

.news-slide{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.news-slide .image-div{
	flex-grow: 1;
	height: 390px;
	border-radius: 20px;
	overflow: hidden;
}

.news-slide .image-div img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.news-slide .news-content{
	width: 40%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: #636363;
}

.news-slide .news-content .read-time{
	font-weight: 400;
	font-size: 16px;
	line-height: 110.00000000000001%;
}

.news-slide .news-content .title{
	font-weight: 300;
	font-size: 39px;
	line-height: 120%;
	margin: 0%;
	padding: 15px 0px;
}

.news-slide .news-content .line{
	background-color: #636363;
	padding: 1px;
	width: 20px;
}

.news-slide .news-content .news-date{
	font-weight: 400;
	font-size: 16px;
	line-height: 110.00000000000001%;
	padding-bottom: 20px;
}

.read-more{
	width: fit-content;
}

.read-more img{
	width: 20px !important;
}

/* Single Blog Page */
.single-banner-section{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 630px;
	align-content: center;
}

.banner-section-inner{
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
}

.banner-section-inner .banner-content{
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0px 10px;
	color: #FAFAFA;
}

.banner-section-inner .banner-content .read-time{
	font-weight: 400;
	font-size: 16px;
	line-height: 110.00000000000001%;
	letter-spacing: 2%;
}

.banner-section-inner .banner-content h2{
	font-weight: 300;
	font-size: 39px;
	line-height: 120%;
	letter-spacing: -2%;
	margin: 10px 0px;
}

.banner-section-inner .banner-content .line{
	background-color: #FAFAFA;
	padding: 1px;
	width: 25px;
}

.banner-section-inner .banner-content .author{
	font-weight: 500;
	font-size: 20px;
	line-height: 120%;
	text-transform: capitalize;
}

.inner-date{
	font-weight: 400;
	font-size: 16px;
	line-height: 110.00000000000001%;
}

.tag-list{
	padding-top: 25px;
	display: flex;
	gap: 10px;
	font-weight: 400;
	font-size: 16px;
	line-height: 110.00000000000001%;
}

.tag-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}

.tag-list ul a{
	text-decoration: none;
	color: #FAFAFA;
}

.banner-section-inner .banner-image{
	flex-grow: 1;
	margin: 0px 10px;
	height: 300px;
	overflow: hidden;
	border-radius: 20px;
}

.banner-section-inner .banner-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.main-content-inner{
	padding: 50px 10px;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: flex-start;
}

.main-content-inner .content-related{
	width: 30%;
	position: sticky;
	top: 100px;
	padding: 0px 10px;
}

.main-content-inner .main-content{
	width: 50%;
	color: #636363;
	padding: 0px 10px;
}

.main-content-inner .main-content p{
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	text-indent: 50px;

}

.main-content-inner .main-content a{
	text-decoration: none;
	color: #636363;
}

.main-content-inner .main-content p, .main-content-inner .main-content h1, .main-content-inner .main-content h2, .main-content-inner .main-content h3, .main-content-inner .main-content h4, .main-content-inner .main-content h5, .main-content-inner .main-content h6{
	margin: 0;
}

#share-popup{
    display: none; 
    position: fixed; 
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.608); 
    align-content: center;
}

#share-popup .share-popup-inner{
    background-color: #FAFAFA;
    padding: 20px; 
    border-radius: 8px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
}

#share-popup .share-popup-inner p{
    font-family: Jost;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #191B1D;
}

#share-popup .share-popup-inner button, #share-popup .share-popup-inner input{
    font-family: Jost;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #191B1D;
    border-radius: 20px;
}

.main-content-inner .share-content{
	display: flex;
	gap: 10px;
	align-items: center;
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	color: #636363;
}

.main-content-inner .share-content ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 10px;
	align-items: center;
}

.main-content-inner .share-content ul li{
	height: 40px;
	width: 40px;
	background-color: #FFE2E28C;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;	
}

.related-blogs{
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.related-blogs h2{
	margin: 0;
	font-weight: 300;
	font-size: 39px;
	line-height: 120%;
	color: #636363;
}

.related-blogs .related-line{
	padding: 1px;
	background: linear-gradient(90deg, #C93223 0%, #F1F1F1 100%);
}

.related-posts-list .related-post-card{
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 15px 0px;
	border-bottom: 1px solid #DFDFDF;
}

.related-posts-list .related-post-card:last-child{
	border-bottom: unset;
}

.related-post-card p{
	font-weight: 400;
	font-size: 16px;
	line-height: 110.00000000000001%;
	color: #A6A6A6;
}

.related-posts-list h3{
	font-weight: 300;
	font-size: 25px;
	line-height: 120%;
	color: #636363;
}

.related-posts-list a{
	text-decoration: none;
}

.recent-blogs-inner h2{
	font-weight: 300;
	font-size: 39px;
	line-height: 120%;
	margin: 0;
	color: #636363;
	padding: 0px 10px;
}

.recent-blogs-inner .blog-list{
	padding: 40px 10px;
	flex-direction: row;
	flex-wrap: wrap;
}

.recent-blogs-inner .blog-list .side-blog-tile{
	flex: 49%;
}

.recent-blogs-inner .blog-list .side-blog-tile a{
	width: 100%;
}

.recent-blogs-inner .blog-list .side-blog-tile img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Product Category Page */
.product-category-banner{
	position: relative;
	min-height: 500px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	align-content: center;
	z-index: 0;
}

.product-category-banner::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
    background: radial-gradient(45.73% 65.79% at 54.97% 82.03%, rgba(0, 0, 0, 0.165) 0%, rgba(0, 0, 0, 0.44) 100%);
	z-index: -1;
}

.product-category-banner-inner{
	z-index: 1;
	align-content: center;
}

.product-category-banner-inner .inner-text{
	width: fit-content;
	background: -webkit-linear-gradient(125.44deg, #2B2B2B -17.04%, #B3B3B3 15.81%, #E1E0E0 61.53%, #5E5E5E 111.76%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.product-category-banner-inner h2{
	margin: 0;
	padding: 0px 10px;
	font-weight: 300;
	font-size: 61px;
	line-height: 73.2px;
	letter-spacing: -1.83px;
	color: #E1E0E0;
}

.products-category-section-display{
	background-color:#F5F5F5;
}

.products-category-section-display-inner{
	padding: 80px 10px;
}

.products-category-section-display-inner .main-category{
	display: flex;
	justify-content: center;
	align-items: center;
}

.products-category-section-display-inner .main-category a{
	font-weight: 300;
	font-size: 39px;
	line-height: 46.8px;
	letter-spacing: -0.78px;
	text-align: center;
	color: #878787;
	text-decoration: none;
	padding: 20px 30px;
	border-bottom: 3px solid #DFDFDF66;
	transition: 200ms ease;
}

.products-category-section-display-inner .main-category a:hover{
	background: -webkit-linear-gradient(103.29deg, #96080B 4.33%, #E42328 48.95%, #96080B 91.82%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	border-bottom: 3px solid #E42328;
}

.products-category-section-display-inner .main-category a.active{
	background: -webkit-linear-gradient(103.29deg, #96080B 4.33%, #E42328 48.95%, #96080B 91.82%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	border-bottom: 3px solid #E42328;
}

.product-display-section{
	background-image: url(images/bgprod.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 30px 40px;
	border-radius: 30px;
	margin: 50px 10px 0px;
}

.product-display-section .sub-category{
	padding: 20px 0px 40px;
	border-bottom: 1px solid #E0E0E0; 
}

.product-display-section .sub-category ul{
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 0px 0px 10px;
	list-style: none;
	align-items: stretch;
	width: 100%;
	overflow-x: scroll;
}

.product-display-section .sub-category ul::-webkit-scrollbar {
	height: 5px;
	display: none;
}

/* Track */
.product-display-section .sub-category ul::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #DCDCDC; 
	border-radius: 10px;
}

/* Handle */
.product-display-section .sub-category ul::-webkit-scrollbar-thumb {
background: #E42328; 
border-radius: 10px;
}

/* Handle on hover */
.product-display-section .sub-category ul::-webkit-scrollbar-thumb:hover {
background: #b30000; 
}

.product-display-section .sub-category ul a{
	padding: 10px 20px;
	border: 1px solid #636363;
	border-radius: 10px;
	color: #636363;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.4px;
	text-decoration: none;
	transition: 200ms ease;
	align-content: center;
	text-align: center;
}

.product-display-section .sub-category ul a:hover,
.product-display-section .sub-category ul a.active{
	background-color: #E42328;
	border: 1px solid #DCDCDC;
	color: #FAFAFA;
}

.product-main-display{
	display: flex;
	gap: 20px;
	padding: 30px 0px;
	position: relative;
	align-items: flex-start;
}

.product-main-display .product-sidebar{
	width: 40%;
	position: sticky;
	top: 110px;
}

.product-main-display .product-sidebar ul{
	margin: 0%;
	padding: 0%;
	display: flex;
	flex-direction: column;
	gap: 15px;
	list-style: none;
}

.product-main-display .product-sidebar ul li a{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: #636363;
	text-decoration: none;
	padding-left: 20px;
	border-left: 1px solid #636363;
	display: block;
}

.product-main-display .product-sidebar ul li a:hover{
	color: #E42328;
	border-left: 2px solid #E42328;
}

.product-main-display .product-sidebar ul li.active a{
	color: #E42328;
	border-left: 2px solid #E42328;
}

.product-main-display .product-list-tiles{
	flex: 1;
}

.product-main-display .product-list-tiles .category-tiles{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
}

.product-main-display .product-list-tiles .category-tiles .category-tile{
	flex: 40%;
	background-color: #F7F7F7;
	padding: 15px;
	border-radius: 15px;
}

.product-main-display .product-list-tiles .category-tiles .category-tile .image-tile{
	height: 280px;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}

.product-main-display .product-list-tiles .category-tiles .category-tile .image-tile img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-main-display .product-list-tiles .product-list{
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 15px 0px 10px;
}

.product-main-display .product-list-tiles .product-list a,.product-main-display .product-list-tiles .product-link{
	display: flex;
	gap: 10px;
	align-items: center;
	text-decoration: none;
}

.product-main-display .product-list-tiles .product-link{
	padding: 20px 0px;
}

.product-main-display .product-list-tiles .product-link .url-arrow{
	width: 5%;
}

.product-main-display .product-list-tiles .product-list a p, .product-main-display .product-list-tiles .product-link p{
	font-weight: 400;
	font-size: 16px;
	line-height: 17.6px;
	letter-spacing: 0.32px;
	color: #636363;
	transition: 200ms ease;
	flex: 1;
}

.product-main-display .product-list-tiles .product-list a:hover p, .product-main-display .product-list-tiles .product-link:hover p{
	color: #E42328;
}

.url-arrow{
	background-image: url('images/grey-arrow.svg');
	background-repeat: no-repeat;
	background-size: contain;
	height: 18px;
	width: 8%;
	transition: 200ms ease;
}

.product-main-display .product-list-tiles .product-list a:hover .url-arrow, .product-main-display .product-list-tiles .product-link:hover .url-arrow{
	background-image: url('images/red-arrow.svg');
}

.category-odd-style .odd-last-child {
	flex: unset !important;
    width: 47%;
}

.odd-last-child {
	flex: unset !important;
    width: 45%;
}

/* Product inner page */
.small-title{
	font-weight: 500;
	font-size: 25px;
	line-height: 30px;
	margin: 0;
	padding-bottom: 10px;
	color: #636363;
}

.product-lower .product-table{
	width: 100%;
	overflow-x: scroll;
	padding-bottom: 10px;
}

.product-lower .product-table::-webkit-scrollbar {
	height: 5px;
}

/* Track */
.product-lower .product-table::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #DCDCDC; 
	border-radius: 10px;
}

/* Handle */
.product-lower .product-table::-webkit-scrollbar-thumb {
	background: #E0E0E0; 
	border-radius: 10px;
}

/* Handle on hover */
.product-lower .product-table::-webkit-scrollbar-thumb:hover {
	background: #cecece; 
}

.product-lower .product-table table{
	border-spacing: 3px;
}

.product-lower .product-table tr td:first-child{
	background-color: #E42328;
	border-spacing: 2px;
	color: #FAFAFA;
	text-align: start;
}

.product-lower .product-table tr td{
	background-color: #EBEBEB;
	padding: 10px;
	font-weight: 400;
	font-size: 16px;
	line-height: 17.6px;
	letter-spacing: 0.32px;
	color: #636363;
	text-align: center;
}

.product-lower .product-table tr td:last-child{
	text-align: start;
}

.product-lower .product-table tr .ons{
	background-color: #EBEBEB !important;
	color: #636363 !important;
	text-align: center !important;
}

.product-breadcrumb{
	color: #636363;
	font-weight: 275;
	font-size: 20px;
	line-height: 28px;
}

.breadcrumb-undertitle{
	font-family: GT Walsheim Trial;
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	color: #636363;
}

.product-upper{
	padding: 40px 0px;
	display: flex;
	justify-content: space-between;
	gap: 100px;
}

.product-upper .image-gallery{
	width: 45%;
}

.product-upper .image-gallery .big-image-display{
	width: 100%;
	height: 490px;
	border-radius: 11px;
	overflow: hidden;
}

.product-upper .image-gallery .big-image-display img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-upper .image-gallery .custom-gallery{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-start;
	padding: 10px 0px 0px;
}

.product-upper .image-gallery .custom-gallery .small-image{
	height: 80px;
	width: 80px;
	overflow: hidden;
	border-radius: 10px;
	border: 2px solid #FFFFFF;
	cursor: pointer;
	position: relative;
}

.product-upper .image-gallery .custom-gallery .small-image::before{
	background: #0000001A;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	content: "";
	z-index: 0;
	pointer-events: none;
}

.product-upper .image-gallery .custom-gallery .small-image.active::before{
	display: none;
}

.product-upper .image-gallery .custom-gallery .small-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-upper .product-details{
	flex: 1;
}

.product-upper .product-details .main-title{
	font-weight: 400;
	font-size: 31px;
	line-height: 37.2px;
	color: #636363;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #DFDFDF;
}

.product-upper .product-details .features{
	padding: 20px 0px;
}

.product-upper .product-details .features .features-inner{
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: #636363;
}

.product-upper .product-details .features .features-inner a{
	color: #636363;
}

.product-upper .product-details .features .features-inner a:hover{
	color: blue;
}

.product-upper .product-details .features .features-inner ul{
	margin: 0;
	padding: 0px 0px 0px 30px;
}

.datasheet-button{
	padding: 10px 0px;
}

.datasheet-button a{
	width: fit-content;
}

/* Responsive Design */
@media screen and (max-width: 1143px){
	.product-main-display .product-list-tiles .category-tiles .category-tile{
		width:  100%;
		flex: unset;
	}
}
@media screen and (max-width: 1020px){
    .hamburger-menu-button{
        display: block;
    }
    .site-header .main-menu ul{
        display: none;
    }
	.header-button{
		display: none;
	}    
    .hamburger-main-menu{
        display: block;
    }
	.hamburger-main-menu .header-button{
		display: flex;
	}
}
@media screen and (max-width: 970px){
	.footer-top{
		flex-wrap: wrap;
	}
	.footer-1{
		width: 100%;
		text-align: center;
		padding-bottom: 30px;
	}
	.footer-1 .footer-social-menu{
		justify-content: center;
	}
	.footer-2, .footer-3{
		width: 45%;
	}
	.homepage-hydraulic-product-list{
		flex-wrap: wrap;
	}
	.homepage-hydraulic-product-list .product-slide{
		flex: 0 0 calc(50% - 5px);
	}
}

@media screen and (max-width: 810px){
	.service-post-grid{
		justify-content: center;
	}
	.service-post-grid .service-post-card{
		flex: unset;
		width: 48%;
	}
	.blogs-list{
		flex-direction: column;
	}
	.blog-big-tile{
		height: 250px;
		flex: unset;
	}
	.blog-main-list .blog-big-tile{
		height: 440px;
	}
	.search-input-wrapper{
		justify-content: unset;
	}
	.search-input-wrapper form{
		width: 100%;
	}
	.search-input-wrapper form input{
		flex-grow: 1;
	}
	.news-slide{
		flex-direction: column;
	}
	.news-slide .image-div, .news-slide .news-content{
		width: 100%;
	}
	.news-slide .news-content{
		padding: 0px 20px;
	}
	.main-content-inner{
		flex-direction: column-reverse;
		gap: 30px;
	}
	.main-content-inner .content-related, .main-content-inner .main-content{
		width: 100%;
		padding: 0px;
	}
	.product-upper{
		flex-direction: column;
		gap: 30px;
	}
	.product-upper .image-gallery{
		width: 100%;	
	}
}

@media screen and (max-width: 799px){
	.product-display-section .sub-category ul::-webkit-scrollbar {
		display: block;
	}

}

@media screen and (max-width: 620px){
	.footer-2, .footer-3{
		width: 100%;
		padding-bottom: 30px;
		text-align: center;
	}
	.footer-2-list ul li, .footer-2-list ul li a{
		justify-content: center;
	}
	.banner-section-inner{
		flex-direction: column-reverse;
	}
	.banner-section-inner .banner-content,.banner-section-inner .banner-image{
		width: 95%;
	}
	.single-banner-section{
		min-height: 1000px;
	}
	.product-main-display{
		flex-direction: column;
		align-items:unset;
	}
	.product-main-display .product-sidebar{
		width: 100%;
		position: unset;
	}
}

@media screen and (max-width: 560px){
	.service-post-grid .service-post-card{
		width: 95%;
		height: 300px;
	}
	.homepage-hydraulic-product-list .product-slide{
		flex: 0 0 calc(100%);
	}
	.products-category-section-display-inner .main-category{
		flex-direction: column;
	}
	.products-category-section-display-inner .main-category a{
		padding: 20px 10px;
	}
}

@media screen and (max-width: 425px){
	.product-display-section{
		padding: 20px;
	}
	.product-breadcrumb span{
		display: block;
	}
}