.rowgap-2 {
	row-gap: 20px;
}

/* Header */

.top_bar_info li {
	color: #ffffff;
}
.top_bar_info li a:hover {
	color: #ffffff;
}
/******** About ********/

.about_sub_title {
	font-size: 20px;
	margin-bottom: 20px;
}
.about_discription {
	text-align: justify;
}

/* Category  */

.category_card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	justify-content: center;
}
.category_img {
	width: 230px;
	/* height: 100px; */
	/* box-shadow: 0px 3px 1px 2px var(--secondary-color); */
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px;
	border-radius: 50%;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	min-height: 170px;
	transition: all ease-in-out 0.3s;
}
.category_img:hover {
	width: 230px;
	box-shadow: 0px 4px 2px 3px #d3d3d3;
	border-radius: 50%;
	padding: 10px;
	transform: translateY(-5px);
}
.category_img img {
	border-radius: 50%;
	width: 140px;
}
/* .category_card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  background: #c3b9b9;
}
.category_card:hover {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 8px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
  align-items: center;
  justify-content: center;
} */

/* Service */

.logo_for_service {
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
}

.service_logo {
	width: 250px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Application */
.shuffle-item .project-img-container.application_img_container {
	position: relative;
}
.shuffle-item .project-img-container:hover .application_name {
	right: -100%;
}
.application_name {
	position: absolute;
	right: 20px;
	content: "";
	padding: 10px;
	width: fit-content;
	font-size: 16px;
	bottom: 0px;
	color: #ffffff;
	transition: all ease-in-out 0.5s;
	background-color: var(--primary-color);
	line-height: unset;
}

/* Client */
.product_brand_logo {
	margin-bottom: 20px;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
		rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	transition: all ease-in-out 0.3s;
}
.product_brand_logo:hover {
	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}
.client-img {
	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
	margin-bottom: 20px;
	padding: 10px;
	transition: all 0.5s ease-in-out;
	border-radius: 4px;
}
.client-img:hover {
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

/***** Pricelist *****/
.pricelist_tab_container {
	padding: 20px 10px;
	background-color: #ffffff;
}
.pricelist_tabs {
	margin-bottom: 0px;
	padding: 20px;
	display: flex;
	border-bottom: 0px;
	justify-content: center;
}
.pricelist_tabs .pricelist_nav_link {
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 50px;
	box-shadow: -1px 1px 3px #282828;
	margin-right: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.pricelist_tabs .pricelist_nav_link.active,
.pricelist_tabs .pricelist_nav_link.active:focus,
.pricelist_tabs .pricelist_nav_link.active:hover {
	background-color: transparent;
	color: var(--primary-color);
	box-shadow: 0px 2px 4px 2px #dddddd;
}
.pricelist_tabs .pricelist_nav_link:hover {
	background-color: transparent;
	color: #282828;
	box-shadow: inset -1px -1px 7px 0px #282828;
}

.pricelist_content {
	box-shadow: 5px 8px 30px 0 rgba(31, 35, 37, 0.08);
	padding: 20px;
}
.pricelist-card {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
		rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	border-radius: 4px;
}
.pricelist-image {
	display: flex;
	background: #fff;
	justify-content: center;
	height: 130px;
}

.pricelist-button {
	text-align: center;
	background-color: var(--primary-color);
	color: #fff;
	font-size: 13px;
	padding: 10px 5px;
	border-radius: 0px 0px 4px 4px;
}

/* Contact  */
.google-map {
	height: 450px;
}
.google-map iframe {
	width: 100%;
	height: 100%;
}
.plz-wait {
	display: none;
}

/* Product Category  */

/* Card html */

/* <div class="product_card">
                  <div class="product_image">
                    <img src="assets/images/product_bg.png" alt="" class="img-fluid">
                    <div class="chevron_right">
                      <i class="fas fa-chevron-right"></i>
                    </div>
                    <div class="product_title">
                      <h3>Product Title
                      </h3>
                    </div>
                  </div>
                </div> */

/* .product_card {
	overflow: hidden;
	transition: all ease-in-out 0.3s;
	margin-bottom: 40px;
}
.product_card:hover {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.product_card:hover .chevron_right {
	left: 15%;
}
.product_image img {
	transition: all ease-in-out 0.3s;
}
.product_card:hover .product_image img {
	transform: scale(1.1);
}
.product_card .product_image::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #0f0f0f;
	z-index: 2;
	pointer-events: none;
	opacity: 0.1;
	transform: scaleX(0);
	transform-origin: right;
	transition: 300ms ease transform;
	transition-delay: 100ms;
}
.product_card:hover .product_image::after {
	transform: scaleX(1);
	transform-origin: left;
}
.product_image {
	position: relative;
	transition: all ease-in-out 0.3s;
}
.product_title {
	content: "";
	position: absolute;
	width: 80%;
	z-index: 3;
	height: fit-content;
	background-color: #ffffff;
	color: #000000;
	bottom: 0px;
	left: 0px;
	padding: 15px 20px 0px 20px;
}
.product_title h3 {
	position: relative;
	margin: 0px;
	font-size: 18px;
	padding-bottom: 10px;
}
.product_title h3::after {
	content: "";
	position: absolute;
	width: 30%;
	height: 3px;
	background-color: var(--primary-color);
	left: 0px;
	bottom: 3px;
	margin-bottom: 5px;
}
.chevron_right {
	position: absolute;
	color: #fff;
	background: var(--primary-color);
	font-size: 1.5em;
	width: 75px;
	height: 75px;
	display: flex;
	justify-content: center;
	bottom: 0%;
	left: -50%;
	transform: translate(-50%, -100%);
	align-items: center;
	border-radius: 50%;
	transition: all ease-in-out 0.5s;
	pointer-events: none;
	font-weight: normal;
} */

.product_card {
	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
	margin-bottom: 30px;
	transition: all ease-in-out 0.3s;
}
.product_card:hover {
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.product_card:hover .enquire_btn {
	background-color: var(--secondary-color);
	color: #ffffff;
}
.product_image {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	padding: 10px;
	justify-content: center;
}
.product_image.fullwidth img {
	width: 100%;
}
.product_image img {
	height: 220px;
	object-fit: contain;
}
.product_title {
	margin-bottom: 10px;
	max-height: 90px;
}
.product_title h3 {
	position: relative;
	margin: 0px;
	font-size: 16px;
	text-align: center;
	text-transform: capitalize;
	/* padding-bottom: 10px; */
	padding: 0px 10px 10px 10px;
}
.product_title h3::after {
	content: "";
	position: absolute;
	width: 20%;
	height: 3px;
	background-color: var(--primary-color);
	left: 50%;
	transform: translate(-50%, 0px);
	bottom: 0px;
	margin-bottom: 5px;
}

.inner_full_image {
	box-shadow: 0px 1px 14px 0px #c7c2c2;
}
.enquire_div {
	display: flex;
	align-items: center;
	justify-content: end;
}
.enquire_btn {
	display: flex;
	padding: 10px;
	transition: all ease-in-out 0.3s;
	background-color: var(--primary-color);
	color: #ffffff;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}
.enquire_btn:hover {
	background-color: var(--secondary-color);
	color: #ffffff;
}

/* Sidebar */
.product_sidebar {
	position: sticky;
	top: 95px;
}
.motor_brands {
	margin-bottom: 1px;
}

.motor_brand_name,
.motor_brand_name:hover {
	color: #ffffff;
	width: 100%;
	text-transform: uppercase;
	padding: 10px;
	display: flex;
	background-color: var(--primary-color);
	border-radius: 4px;
	align-items: center;
	justify-content: center;
}
.motor_brands .motor_brand_name.category_active {
	background-color: #000000;
}

/* Footer  */

.footer_list {
	padding: 0;
	list-style: none;
	margin: 0;
}

.footer_list li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	padding: 8px 0;
}
.footer_list li:last-child {
	border-bottom: none;
}

.footer_list li:hover a {
	color: var(--primary-color);
}

.footer_list li a {
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer_list li .footer_address_link {
	align-items: start;
}
.copyright_text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 14px;
	color: #ffffff;
}

.whatsapp_icon {
	position: fixed;
	bottom: 50px;
	right: 65px;
	width: 36px;
	display: none;
}

.ts-service-box .ts-service-box-info p {
	text-align: justify;
}

/* Request Quote */

.contact-form {
	background: #ffffff;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	padding: 50px 30px 30px;
	/* width: 450px; */
	position: fixed;
	right: -350px;
	top: 0;
	z-index: 2000;
}
.contact-form.active {
	right: 0px;
}
.close-btn {
	background: var(--primary-color);
	color: #fff !important;
	cursor: pointer;
	font-weight: bold;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 10px;
}

.plussign {
	position: relative;
}
.plussign::after {
	content: "+";
}
@media (max-width: 767px) {
	.category_img {
		width: unset;
		min-height: unset;
	}
	.category_img:hover {
		width: unset;
	}
	.category_img img {
		width: unset;
	}
	.category_title {
		text-align: center;
	}
	.logo_for_service {
		justify-content: center;
	}
	.service_logo {
		position: unset;
		transform: unset;
	}
	.copyright_text {
		display: unset;
	}
	.whatsapp_icon {
		right: 55px;
		width: 32px;
		display: none;
	}
}